<%--
  author: fuxueHu
  description: 简历详情信息页面
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"
         isELIgnored="false" %>
<%@ taglib prefix="rapid" uri="http://www.rapid-framework.org.cn/rapid" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<rapid:override name="title">简历详情信息</rapid:override>
<rapid:override name="head_extend">
    
</rapid:override>

<rapid:override name="content">
    <div class="row" style="height: 100%">
        <div class="col-sm-9">
            <div class="wrapper wrapper-content animated fadeInUp">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="m-b-md">
                                    <button onclick="openEdit()" class="btn btn-white btn-xs pull-right">编辑简历信息
                                    </button>
                                    <h2>${cvInfo.name}</h2>
                                </div>
                                <dl class="dl-horizontal">
                                    <dt>状态：</dt>
                                    <dd><span class="label label-primary">
                                            <c:choose>
                                                <c:when test="${cvInfo.status==0}">
                                                    求职中
                                                </c:when>
                                                <c:otherwise>
                                                    已入职
                                                </c:otherwise>
                                            </c:choose>
                                    </span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <dl class="dl-horizontal">
                                    <dt>候选人姓名：</dt>
                                    <dd>${cvInfo.basicInfo.name}-</dd>
                                    <dt>：</dt>
                                    <dd>162</dd>
                                    <dt>邮箱：</dt>
                                    <dd><a href="project_detail.html#" class="text-navy"> ${cvInfo.basicInfo.email}</a>
                                    </dd>
                                    <dt>住址：</dt>
                                    <dd>${cvInfo.basicInfo.address}</dd>
                                    <dt>最高学历：</dt>
                                    <dd>
                                        <c:choose>
                                            <c:when test="${eduBack==1}">
                                                高中
                                            </c:when>
                                            <c:when test="${eduBack==2}">
                                                大专
                                            </c:when>
                                            <c:when test="${eduBack==3}">
                                                本科
                                            </c:when>
                                            <c:otherwise>
                                                硕士
                                            </c:otherwise>
                                        </c:choose>
                                    </dd>
                                </dl>
                            </div>
                            <div class="col-sm-7" id="cluster_info">
                                <dl class="dl-horizontal">
                                    <dt>出生日期：</dt>
                                    <dd>${cvInfo.basicInfo.birthday}</dd>
                                    <dt>籍贯：</dt>
                                    <dd>${cvInfo.basicInfo.origin}</dd>

                                </dl>
                            </div>
                        </div>
                        <div class="row m-t-sm">
                            <div class="col-sm-12">
                                <div class="panel blank-panel">
                                    <div class="panel-heading">
                                        <div class="panel-options">
                                            <ul class="nav nav-tabs">
                                                <li class="active"><a href="#tab-1" data-toggle="tab"
                                                                      aria-expanded="true">详细经历</a>
                                                </li>
                                                <li class=""><a href="#tab-2" data-toggle="tab" aria-expanded="false">技能与证书展示</a>
                                                </li>
                                                <li class=""><a href="#tab-3" data-toggle="tab" aria-expanded="false">个人评价</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="panel-body">

                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab-1">
                                                <div class="feed-activity-list">
                                                    <div id="vertical-timeline"
                                                         class="vertical-container light-timeline">
                                                        <div class="vertical-timeline-block">
                                                            <div class="vertical-timeline-icon navy-bg">
                                                                <i class="fa fa-briefcase"></i>
                                                            </div>

                                                            <div class="vertical-timeline-content">
                                                                <h2>教育经历</h2>
                                                                <c:forEach items="${cvInfo.eduExpList}" var="eduExp">
                                                                    <p>${eduExp.schoolName}-${eduExp.degree}-${eduExp.enrollTime}-${eduExp.graduationTime}</p>
                                                                </c:forEach>

                                                                <a class="btn btn-sm btn-primary" id="drawerToggle"><i
                                                                        class="fa fa-angle-double-left"></i>
                                                                    更多信息</a>
                                                                <span class="vertical-date">

                                    </span>
                                                            </div>
                                                        </div>

                                                        <div class="vertical-timeline-block">
                                                            <div class="vertical-timeline-icon blue-bg">
                                                                <i class="fa fa-file-text"></i>
                                                            </div>

                                                            <div class="vertical-timeline-content">
                                                                <h2>项目经历</h2>
                                                                <c:forEach items="${cvInfo.projectExpList}" var="projectExp">
                                                                    <p>${projectExp.projectName}-${projectExp.indResp}-${projectExp.projectResults}-${projectExp.startTime}</p>
                                                                </c:forEach>
                                                                <a href="#" class="btn btn-sm btn-success">
                                                                    查看更多 </a>
                                                                <span class="vertical-date">

                                    </span>
                                                            </div>
                                                        </div>

                                                        <div class="vertical-timeline-block">
                                                            <div class="vertical-timeline-icon lazur-bg">
                                                                <i class="fa fa-coffee"></i>
                                                            </div>

                                                            <div class="vertical-timeline-content">
                                                                <h2>工作经历</h2>
                                                                <c:forEach items="${cvInfo.workExpList}" var="workExp">
                                                                    <p>${workExp.subComName}-${workExp.subDepartment}-${workExp.subIndustry}-${workExp.postsName}</p>
                                                                </c:forEach>
                                                                <a href="#" class="btn btn-sm btn-info">查看更多</a>

                                                            </div>
                                                        </div>

                                                        <div class="vertical-timeline-block">
                                                            <div class="vertical-timeline-icon yellow-bg">
                                                                <i class="fa fa-phone"></i>
                                                            </div>

                                                            <div class="vertical-timeline-content">
                                                                <h2>技能水平</h2>
                                                                <c:forEach items="${cvInfo.skillList}" var="skill">
                                                                    <p>${skill.name}-${skill.mastery}-${skill.duration}</p>
                                                                </c:forEach>

                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                            <div class="tab-pane" id="tab-2">

                                                <div class="lightBoxGallery">
                                                    <a href="/static/admin_v1/img//p_big1.jpg" title="图片"
                                                       data-gallery=""></static/admin_v1/img/
                                                        src="/static/admin_v1/img//p1.jpg"></a>
                                                    <a href="/static/admin_v1/img//p_big2.jpg" title="图片"
                                                       data-gallery=""></static/admin_v1/img/
                                                        src="/static/admin_v1/img//p2.jpg"></a>
                                                    <a href="/static/admin_v1/img//p_big3.jpg" title="图片"
                                                       data-gallery=""></static/admin_v1/img/
                                                        src="/static/admin_v1/img//p3.jpg"></a>

                                                    <div id="blueimp-gallery" class="blueimp-gallery">
                                                        <div class="slides"></div>
                                                        <h3 class="title"></h3>
                                                        <a class="prev">‹</a>
                                                        <a class="next">›</a>
                                                        <a class="close">×</a>
                                                        <a class="play-pause"></a>
                                                        <ol class="indicator"></ol>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="tab-pane" id="tab-3">
                                                <div class="row m-b-lg">
                                                    <div class="col-lg-4 text-center">
                                                        <c:forEach var="selfEval" items="${cvInfo.selfEvalList}">
                                                            ${selfEval.personStreng}
                                                        </c:forEach>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="editCv" style="display: none" class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">

                    <div class="wrapper wrapper-content project-manager">
                        <h4>简历</h4>
                        <div class="m-b-md">
                            <button onclick="closeEdit()" class="btn btn-white btn-xs pull-right">
                                <i class="fa fa-remove"></i>
                            </button>
                        </div>
                        <div class="ibox-content">
                            <form class="form-horizontal" id="dataForm" method="post" action="/admin/cv/update/${cvInfo.id}">
                                <div class="form-group">
                                    <div class="col-sm-8">
                                        <div class="btn-group">
                                            <label title="上传图片" for="inputImage" class="btn btn-primary">

                                                <input type="file" accept="" name="file" id="inputImage" class="hide">
                                                <i class="fa fa-upload"></i>导入简历
                                            </label>
                                        </div>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label class="col-sm-3 control-label">简历名：</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="title" placeholder="标题" class="form-control">
                                        <span class="help-block m-b-none">请输入简历名</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-8">
                                        <button class="btn btn-sm btn-info" type="submit">更 改</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>


</rapid:override>

<rapid:override name="js_extend">
    <script>
        function openEdit() {
            // 设置btn1点击之后会发生什么
            $('#editCv').show();

        };

        function closeEdit() {
            // 点击btn2之后show1会隐藏，同时show2显示
            $('#editCv').hide();
        };

        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
        document.getElementById('drawerToggle').addEventListener('click', function () {
            var drawer = document.getElementById('drawer');
            if (drawer.classList.contains('open')) {
                drawer.classList.remove('open');
            } else {
                drawer.classList.add('open');
            }
        });


    </script>

</rapid:override>


<%@include file="/jsp/common/admin/base.jsp" %>